<template>
 <view :class="pageClass" :style="pageStyle" v-if="pageReady">
	
	<moxi-nav :set="navSet"></moxi-nav>
	<template v-for="(list,key) in modData" >
		    <moxi-index v-if="list.name=='mingpian_list'" :list="list" :class="list.mod_class" :key="key" :style="list.css">
			  <view style="display: flex;flex-direction: column;padding: 10px;">
				  <view class="mp-list" v-for="mp in data" @click="navto('pages/plugin/mingpian/mingpian?id='+mp.id)">
				<image style="width: 70px;height: 70px;border-radius: 5px;" :src="mp.pic" mode="aspectFill"></image>
				<view style="display: flex;flex-direction: column;justify-content: space-between;margin-left: 13px;line-height: 70px;">
					<text><text style="font-weight: 600;">{{mp.name}}</text> <text style="margin: 0 10px;">.</text> <text style="font-size: 14px;">{{mp.position}}</text></text>
				</view>
				  </view>
			  </view>
			</moxi-index>
			 <moxi-index v-else-if="list.name=='plugin_mingpian_list'" :list="list" :class="list.mod_class" :key="key" :style="list.css">
				 <h1>{{list.set.title}}</h1>
			</moxi-index>
			<moxi-index v-else :list="list"></moxi-index>
	</template>
	<moxi-tabbar :set="tabbar" v-if="tabbar.index_id"></moxi-tabbar>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				data:[]
			}
		},
		created() {
			let self = this;
			this.moxiPost('/plugin/mingpian/index/mingpian/get_list',{},function(data){
				self.data = data.data;

			})
		},
		mounted() {
			
		},
		methods: {
			
		}
	}
</script>

<style>
	.mp-list{display: flex;flex-direction: row;padding: 10px;box-shadow: 0 0 5px #ccc;border-radius: 5px;margin-bottom: 10px}

</style>
